<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>考试预览</title>
  <link rel="stylesheet" href="./css/global.css">
  <link rel="stylesheet" href="./css/font.css">
  <link rel="stylesheet" href="./css/exam.css">
</head>

<body>
  <div class="top-nav">
    <div><a href="#">交卷</a></div>
    考试预览
  </div>
  <div class="main">
    <div class="left">
      <div class="marking">
        <div>
          <h2>当代大学生国家安全教育</h2>
          <!-- 倒计时 -->
          <div class="time">
            <i>
              <img src="./images/time_orange.png" alt="">
              <span>90'00''</span>
            </i>
          </div>

          <dl class="font_dl">
            <dd>
              <p>姓名：liu</p>
              <p>学号：235160161230</p>
            </dd>
          </dl>

          <div class="font_info">
            <p>题量：90</p>
            <p>满分：100.0</p>
            <p>考试时间：2029-09-4 00:00至 2029-10-8 12:59</p>
          </div>
        </div>
      </div>
    </div>

    <div class="center">
      <div class="choice">
        <h2>一、单选题（共10题，20.0分）</h2>
        <div class="questionLi">
          <!-- <h3 data-id="0">
            1.
            <span>(单选题, 1.0 分)</span>
            <div>
              1945年8月6日和9日，（）在日本广岛和长崎投放代号为“小男孩”和“胖子”两枚原子弹，迫使日本于8月15日宣布投降。
            </div>
          </h3>

          <form action="">
            <div class="answer">
              <div>
                <span class="num_option ">A</span>
                <div>法国</div>
              </div>
            </div>

            <div class="answer">
              <div>
                <span class="num_option ">B</span>
                <div>英国</div>
              </div>
            </div>

            <div class="answer">
              <div>
                <span class="num_option ">C</span>
                <div>美国</div>
              </div>
            </div>

            <div class="answer">
              <div>
                <span class="num_option ">D</span>
                <div>西班牙</div>
              </div>
            </div>
          </form> -->

        </div>

      </div>
    </div>

    <div class="right">
      <div class="explain">
        <span class="dq"><i></i>当前题目</span>
        <span class="yp"><i></i>已作答</span>
        <span class="wp"><i></i>未作答</span>
      </div>

      <div class="optionsNum">
        <div class="choiceNum">
          一、单选题（20.0）分
        </div>
      </div>

      <ul class="listNum">
        <!-- <li class="answerList current  active" data-id="1">1</li> -->
        <!-- <li class="answerList active" data-id="2">2</li> -->
      </ul>
    </div>
  </div>

  <script>
    const questionList = JSON.parse(localStorage.getItem('questionList'))
  </script>
  <script src="./js/testPaper.js"></script>
  <script src="./js/exam.js"></script>
  <script src="./js/elevator.js"></script>
  <script src="./js/sumScore.js"></script>
</body>

</html>